<template>
  <div role="tabpanel" class="tab-panel active" id="home">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active">
        <router-link :to="{name:'message'}" aria-controls="Message" role="tab" data-toggle="tab">Message</router-link>
      </li>
      <li role="presentation">
        <router-link :to="{name:'news'}" aria-controls="News" role="tab" data-toggle="tab">News</router-link>
      </li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <!-- 匹配到路由之后，组件渲染的位置 -->
        <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeC",
};
</script>

<style scoped>
</style>
